@import 'variable';



.mmm_header{
  text-align: center;
 .back{
   display: block;
   float:left;
   width: 60rem/@base;
   height: 60rem/@base;
   font-size:60rem/@base;
   color:#fff;
 }
 h2{
   display: inline;
   font-size:40rem/@base;
   color:#fff;
   
 }
}


.mmm_main{
  background-color: #fff;
  .item{
    display: block;
    float:left;
    padding:30rem/@base 30rem/@base 23rem/@base 30rem/@base;
    height: 529rem/@base;
    width: 375rem/@base;
    &:nth-child(even){
      border-bottom:1px solid #ccc;
    }
    &:nth-child(odd){
      border-right:1px solid #ccc;
      border-bottom:1px solid #ccc;
    }
    img{
      width: 308rem/@base;
      height: 290rem/@base;
    }
    .info{
      margin-top:26rem/@base;
      height: 182rem/@base;
      position: relative;
      p{
        line-height:35rem/@base;
        font-size:24rem/@base;
        font-weight:700;
      }
      .price{
        font-size:26rem/@base;
        color:#FF8C3B;
        position: absolute;
        bottom:74rem/@base;
        left:0;
      }
      .from{
        font-size:20rem/@base;
        color:#9EA2A6;
        position: absolute;
        bottom:23rem/@base;
        left:0;
      }
    }
  }
}